<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8"/>

    <title>托班事务管理</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="media/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style-responsive.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/default.css" rel="stylesheet" type="text/css"
          id="style_color"/>

    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->

    <link rel="stylesheet" type="text/css"
          href="media/css/select2_metro.css"/>


    <link rel="stylesheet" href="media/css/DT_bootstrap.css"/>
    <link rel="stylesheet"
          href="media/ztree/css/bootstrapStyle/bootstrapStyle.css"
          type="text/css">

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-fileupload.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/jquery.gritter.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/chosen.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/select2_metro.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/jquery.tagsinput.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/clockface.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-wysihtml5.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/timepicker.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/colorpicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-toggle-buttons.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/daterangepicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/datetimepicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/multi-select-metro.css"/>

    <link href="media/css/bootstrap-modal.css" rel="stylesheet"
          type="text/css"/>

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="media/image/favicon.ico"/>
    <style type="text/css">
        #tab_3_1 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }

        #tab_3_2 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }

        table th, td {
            white-space: nowrap;
        }

        .radio {
            min-height: 0px;
        }

        .radio input[type="radio"] {
            margin-left: -15px;
        }
    </style>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->
<div th:replace="common/header :: header"></div>
<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->
    <div th:replace="common/sider :: sider"></div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        托班事务管理
                    </h3>
                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid ">

                <div class="span12">

                    <!-- BEGIN INLINE TABS PORTLET-->

                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-reorder"></i>托班事务管理
                            </div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a> <a
                                    href="#portlet-config" data-toggle="modal" class="config"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="row-fluid">
                                <div class="span12">

                                    <!--BEGIN TABS-->
                                    <div class="tabbable tabbable-custom tabs-left">
                                        <ul class="nav nav-tabs tabs-left">
                                            <li class="active"><a href="#tab_3_1" data-toggle="tab">托班学员签到</a></li>
                                            <li><a href="#tab_3_2" data-toggle="tab">托班签到记录</a></li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab_3_1">
                                                <div class="tabbable tabbable-custom">

                                                    <ul class="nav nav-tabs">

                                                        <li class="active"><a href="#tab_course"
                                                                              data-toggle="tab">上学签到</a></li>

                                                        <li class=""><a href="#tab_course_series" data-toggle="tab">放学签到
                                                        </a></li>

                                                    </ul>

                                                    <div class="tab-content">

                                                        <div class="tab-pane active" id="tab_course">

                                                            <div class="row-fluid">
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal" id="course_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">学员姓名</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="course_nme"
                                                                                               name="courseName"> <span
                                                                                            class="help-inline"
                                                                                            style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">学员昵称</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="course_name"
                                                                                               name="courseName"> <span
                                                                                            class="help-inline"
                                                                                            style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>


                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">家长手机</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="deductLessonHour">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span1">
                                                                                <div class="btn-group">
                                                                                    <button class="btn green"
                                                                                            id="btn_rse_add">
                                                                                        搜索 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                        <div class="row-fluid">
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">刷卡签到</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="deductnHour" id="card_sign_in">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="btn-group">
                                                                                    <button class="btn blue"
                                                                                            id="btn_batch_sign">
                                                                                        批量签到 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <input type="reset" style="display:none;"/>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            <div class="row-fluid">

                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>学生数据信息
                                                                            </div>
                                                                        </div>

                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width table-fixed"
                                                                                    id="table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th class="center"><span><input
                                                                                            type="checkbox"
                                                                                            style="width: 18px; height: 18px;"
                                                                                            id="checkAll"></span>
                                                                                    </th>
                                                                                    <th>编号</th>
                                                                                    <th>学员姓名</th>
                                                                                    <th>生日</th>
                                                                                    <th>性别</th>
                                                                                    <th>年龄</th>
                                                                                    <th>家长姓名</th>
                                                                                    <th>手机号码</th>
                                                                                    <th>学员状态</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>

                                                                        </div>

                                                                    </div>

                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="tab_course_series">
                                                            <div class="row-fluid">
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal" id="cse_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">学员姓名</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="cose_nme"
                                                                                               name="courseName"> <span
                                                                                            class="help-inline"
                                                                                            style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">学员昵称</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="cse_name"
                                                                                               name="courseName"> <span
                                                                                            class="help-inline"
                                                                                            style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>


                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">家长手机</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="deductLessonHour">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span1">
                                                                                <div class="btn-group">
                                                                                    <button class="btn green"
                                                                                            id="btn_rse_ad">
                                                                                        搜索 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                        <div class="row-fluid">
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">刷卡签到</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="deductnHour" id="crd_sign_in">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="btn-group">
                                                                                    <button class="btn blue"
                                                                                            id="btn_batch_sign_home">
                                                                                        批量签到 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <input type="reset" style="display:none;"/>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            <div class="row-fluid">

                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>学生数据信息
                                                                            </div>
                                                                        </div>

                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width table-fixed"
                                                                                    id="table_sign_in_home">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th class="center"><span><input
                                                                                            type="checkbox"
                                                                                            style="width: 18px; height: 18px;"
                                                                                            id="checkAllHome"></span>
                                                                                    </th>
                                                                                    <th>编号</th>
                                                                                    <th>学员姓名</th>
                                                                                    <th>生日</th>
                                                                                    <th>性别</th>
                                                                                    <th>年龄</th>
                                                                                    <th>家长姓名</th>
                                                                                    <th>手机号码</th>
                                                                                    <th>学员状态</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>

                                                                        </div>

                                                                    </div>

                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>


                                            </div>
                                            <div class="tab-pane" id="tab_3_2">
                                                <div class="row-fluid">
                                                    <div class="span12 form">
                                                        <form action="#" class="form-horizontal">
                                                            <div class="row-fluid">
                                                                <div class="span4">
                                                                    <div class="control-group">
                                                                        <label class="control-label span4">学员姓名</label>
                                                                        <div class="controls span8">
                                                                            <input type="text" class="m-wrap span12">

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!--/span-->
                                                                <div class="span4">
                                                                    <div class="control-group">
                                                                        <label class="control-label span4">选择类型</label>
                                                                        <div class="controls span8">
                                                                            <select class="m-wrap span12">
                                                                                <option value="">全部</option>
                                                                                <option value="">上学签到</option>
                                                                                <option value="">放学签到</option>
                                                                            </select>
                                                                            <!-- 											<span class="help-block">Select your gender.</span> -->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!--/span-->

                                                            </div>
                                                            <div class="row-fluid">
                                                                <div class="span8">
                                                                    <div class="control-group">
                                                                        <label class="control-label  span2">签到日期</label>
                                                                        <div class="controls span4">
                                                                            <div class="input-append date date-picker"
                                                                                 data-date-format="yyyy-mm-dd"
                                                                                 data-date-viewmode="years">
                                                                                <input class="m-wrap m-ctrl-medium date-picker"
                                                                                       readonly="" size="16" type="text"
                                                                                       value=""><span
                                                                                    class="add-on"><i
                                                                                    class="icon-calendar"></i></span>
                                                                            </div>
                                                                        </div>
                                                                        <label class="control-label  span1">至</label>
                                                                        <div class="controls span4">
                                                                            <div class="input-append date date-picker"
                                                                                 data-date-format="yyyy-mm-dd"
                                                                                 data-date-viewmode="years">
                                                                                <input class="m-wrap m-ctrl-medium date-picker"
                                                                                       readonly="" size="16" type="text"
                                                                                       value=""><span
                                                                                    class="add-on"><i
                                                                                    class="icon-calendar"></i></span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="span2">
                                                                    <div class="btn-group"
                                                                         sec:authorize="hasAuthority('PERMISSION_ROLE_ADD')">
                                                                        <button
                                                                                class="btn green"
                                                                                id="btn_search">
                                                                            搜索 <i class="icon-search"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!--/row-->
                                                        </form>
                                                    </div>
                                                </div>
                                                <div class="row-fluid">
                                                    <div class="span12">
                                                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                        <div class="portlet box blue">

                                                            <div class="portlet-title">

                                                                <div class="caption">
                                                                    <i class="icon-globe"></i>托班签到记录
                                                                </div>
                                                            </div>

                                                            <div class="portlet-body">
                                                                <table
                                                                        class="table table-striped table-bordered table-hover table-full-width"
                                                                        id="table_sign_record">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>学员姓名</th>
                                                                        <th>签到类型</th>
                                                                        <th>签到时间</th>
                                                                        <th>填写备注（可点击编辑）</th>
                                                                        <th>操作</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    </tbody>
                                                                </table>

                                                            </div>

                                                        </div>

                                                        <!-- END EXAMPLE TABLE PORTLET-->

                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- BEGIN FOOTER -->


<!-- END FOOTER -->

<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="/media/js/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>

<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="/media/js/select2.min.js"></script>
<script type="text/javascript" src="/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/media/js/DT_bootstrap.js"></script>

<script type="text/javascript" src="/media/js/bootstrap-datepicker.js"></script>
<script type="text/javascript"
        src="/media/js/bootstrap-datepicker.zh-CN.js"></script>

<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/media/layer/layer.js"></script>
<script src="/media/js/app.js"></script>
<script src="/media/js/carestudentlist.js"></script>
<script>
    jQuery(document).ready(function () {
        App.init();
        CareStudentList.init();


    });
</script>

</body>

<!-- END BODY -->

</html>